<div id="cirScoreList" style="width: 95%;height: 50vh;display: inline-block;margin-left: 2.5%;margin-top: 20px;padding: 10px 0 0 0;"></div>	
<!--各部门成绩柱状图-->
<div style="width: 95%;display: inline-block;margin-left: 2.5%;" class="verScoreList" >
	<div id="verScoreList" style="width: 100%;height:50vh;display: inline-block;"></div>
</div>
<input type="hidden" value="<{$three}>" id="bili" />
<input type="hidden" value="<{$lname}>" id="lname" />
<input type="hidden" value="<{$lsum}>" id="lsum" />
<input type="hidden" value="<{$posts}>" id="posts" />
<script>
	var three = $("#bili").val(); //比例
	// alert(three);
	var threeS=three.split(",");
	var lname=$("#lname").val(); //名字
	var lnameS=lname.split(",");
	var lsum=$("#lsum").val(); //分数
	var lsumS=lsum.split(",");	
	var postS=$("#posts").val(); //类别名称
//	饼状图
	var cirScoreEvent = echarts.init(document.getElementById('cirScoreList'));
	var cirScoreEventOption = {
	    title : {
	        text: postS +'绩效考核成绩汇总',
	        x:'center'
	    },
	    tooltip : {
	        trigger: 'item',
	        formatter: "{a} <br/>{b} : {c} ({d}%)"
	    },
	    series : [
	        {
	            name: '分档比例',
	            type: 'pie',
	            radius : '55%',
	            center: ['50%', '55%'],
//			            color: ['#86D560', '#AF89D6', '#59ADF3', '#FF999A'],
				color: ['#39CBCA', '#C2D138', '#FFA809', '#E25C36'],
				label: {
		            normal: {
		                position: 'outside',
		                formatter: '{b} : {c}%',
		                textStyle: {
		                    color: '',
		                    fontSize: 14
		                }
		            }
		        },
	            data:[
	                {value:threeS[0], name:'优秀'},
	                {value:threeS[1], name:'良好'},
	                {value:threeS[2], name:'一般'},
	                {value:threeS[3], name:'不及格'},
	            ],
	            itemStyle: {
	                emphasis: {
	                    shadowBlur: 10,
	                    shadowOffsetX: 0,
	                    shadowColor: 'rgba(0, 0, 0, 0.5)'
	                }
	            }
	        }
	    ]
	};
	cirScoreEvent.setOption(cirScoreEventOption);

//			柱状图
	var verScoreEvent = echarts.init(verScoreList);
	var verScoreEventOption = {
	    title: {
	        text: postS +'绩效考核成绩汇总',
	        x:'center'
	    },
	    tooltip: {
	        trigger: 'axis',
	        formatter: "{b} : {c}分",
	        axisPointer: {
	            type: 'shadow'
	        }
	    },
	    label:{ 
			normal:{ 
				show: true, 
				formatter: "{c}分",
				position: 'right'
			}
		},
	    grid: {
	        left: '3%',
	        right: '6%',
	        bottom: '3%',
	        containLabel: true
	    },
	    xAxis: {
	        type: 'value',
	        boundaryGap: [0, 0.01],
	        axisLabel: {
	            formatter: '{value} 分',
	        }
	    },
	    yAxis: {
	    	inverse:'true',
	        type: 'category',
	        axisLabel: {
	            interval:0
	        },
	        data: lnameS
	    },
	    series: [{
	            type: 'bar',
	            sort: 'descending',
	            data: lsumS
	        },
	    ]
	};
	verScoreEvent.setOption(verScoreEventOption);
</script>
